<template>
  <div class="login">
    <div class="login-con">
      <Card icon="md-log-in" class="login-header" title="欢迎登录" :bordered="false">
        <div class="form-con">
            <Tabs value="name1">
                <TabPane label="账号密码登录" name="name1">账号密码登录的内容</TabPane>
                <TabPane label="手机验证码" name="name2">手机验证码的内容</TabPane>
                <TabPane label="扫码登录" name="name3">扫码登录的内容</TabPane>
            </Tabs>
        </div>
        <hr/>
        <p class="login-tip">输入任意用户名和密码即可</p>
      </Card>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
@import url('../assets/less/login.less');
hr{
    margin: 2% 0;
    background-color: #2d8cf0;
    height: 1px;
    border: none;
}
</style>
